/* CSS Document */
@import "basic.css";

/* the front page â€"â€" information */

.left,.right{height:500px; float:left; overflow:hidden;}
.left{width:366px; margin-right:10px; display:inline; }
.right{ width:584px;}
.news_center{ width:584px; height:482px;  background:url(../images/index_12.png) repeat-y; float:left; padding-left:15px; *margin-top:-2px; display:inline;}
.bottom h3{ width:20px; line-height:1.2em; text-align:center; margin:32px auto; font-size:16px; font-weight:boler; float:left;}
h4.title{ background:url(../images/bg.jpg) -770px -233px no-repeat; margin-left:30px; padding-left:35px; font-size:14px; color:#799d00; font-family:'Mircosoft Yahei'!important; line-height:27px;}
h4.title a{ color:#799d00; cursor:pointer;}
h4.title a:hover{ text-decoration:none;}
.news_center ul{ width:530px; padding-left:10px; float:left; overflow:hidden;}
.news_center ul li,.box_content ul li,.future_right ul li,.action_right ul li,.star_right ul li{width:240px; display:block; background:url(../images/bg.jpg) -472px -310px no-repeat;line-height:22px; _line-height:22px; text-overflow:ellipsis;white-space:nowrap; padding-left:10px; float:left;}
.news_center span{ float:right; padding-right:10px; padding-bottom:5px; *padding-bottom:7px; _padding-bottom:4px;}
.bottom{width:560px; margin:0px auto; border-bottom:1px dashed #c7c7c7; display:table; float:left;}
.sec_left,.sec_content,.sec_right{ width:313px; height:322px; overflow:hidden; float:left;}
.sec_left .title,.sec_content .title,.sec_right .title{ width:auto; margin:0px; padding:0px; height:38px; overflow:hidden;}
.sec_left,.sec_content{ margin-right:10px; display:inline;}
.sec_content #img_list{ height:310px; overflow:hidden;}
.sec_content #adv_num{ position:absolute; right:10px; top:280px;}
.sec_content #adv_num span{width:20px; height:20px; display:block; float:left; text-align:center; margin:5px; line-height:20px; background:#323232; color:#fff;}
.sec_content #adv_num span.selectNum{ background:#ff6600;}
.sec_content{ padding-top:4px;}
.sec_left .box_content,.sec_right .box_content,.sec_content .box_content{height:260px;}
.box_content{border:1px solid #bbbbbb; border-top:0px; heigth:260px; padding:8px 0px 10px; _padding-bottom:4px; width:311px; display:table; }
.box_content dl{ display:table; }
.box_content span{ float:right; display:block; padding-right:15px;}
.box_content dt,.box_content dd{ margin-left:6px; display:inline;}
.box_content dt,.box_right .width120{width:134px; height:98px; padding-top:2px; text-align:center; border:1px solid #bbbbbb; float:left;}
.box_content dt img{vertical-align:middle; }
.box_content dd{ width:163px; height:113px; overflow:hidden; line-height:22px; float:left;}
.box_content dd h4{color:#498112; font-size:13px; width:163px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box_content dd h4 a{color:#498112}
.box_content dd a,.width318 a,.width120 a,.box_right1 dt a.detail{color:#dea65c}
.box_right1 dt a.detail{ margin-left:200px;}
.box_bottom1{ background:url(../images/bg.jpg) no-repeat 0px -400px; height:5px;  margin-bottom:10px; _margin-bottom:5px; }
.box_content ul li{ width:280px; line-height:20px; overflow:hidden; white-space:nowrap; -o-text-overflow: ellipsis;text-overflow: ellipsis; margin-left:10px; display:inline; float:left;}

/* commont style*/
.future,.life,.action,.college,.star,.partner{ width:958px; margin-top:10px; padding-bottom:5px;}
.future span,.life span,.action span,.college span{ float:right; padding-right:15px; display:block;}
.future h2,.life h2,.action h2,.college h2,.star h2{ background:url(../images/bg.jpg) repeat-x; padding-left:15px; padding-bottom:1px; margin-bottom:8px;}
.future h2 span,.life h2 span,.action h2 span,.college h2 span,.star h2 span{ font-size:12px; color:#000; font-weight:lighter; line-height:30px; padding-right:25px; float:right;}

/* future style */
.future{ border:1px solid #2d75b9; display:table;}
.future h2{ background-position:0 -412px; /*padding-left:30px;*/ border-bottom:1px solid #c0d9f1; /*padding-bottom:1px; margin-bottom:8px;*/}
#img_qiang img{border:0px; margin:0px; padding:0px; overflow:hidden; width:78px; height:57px; float:left;}
.future_left{width:468px; float:left; padding-left:10px; overflow:hidden;}
#Wrapper img{ height:285px; width:380px; float:left;}
.pmWrap { display: block; width:380x; }
.pmItem, .pmActive { display: block; float: left; overflow: hidden; text-decoration: none; }
.pmItemWrap { display: block; width: 380px; }
.pmItemWrap { font-size: 0.8em; line-height: 1.7em; }
.pmItemWrap > * { float: left; }
.pmItemWrap a { text-decoration: none; font-weight: bold; color: Black; }
.pmItemWrap div, .pmItemWrap span { margin: 10px 0 0 0; padding: 10px; float:left; }
.pmItemWrap ul { margin: 10px 0 0 0; padding: 4px 10px 4px 10px; }
.pmItemWrap ul li { margin: 0; padding: 0; list-style: none; }
.pmItemWrap .light { background: url(../img/backgroundWhite.png); border: solid 1px Black; }
.pmItemWrap .light a { color: Black; }
.pmItemWrap .light a:hover { text-decoration: underline; }
.pmItemWrap .dark { background: url(../img/backgroundBlack.png); border: solid 1px White; }
.pmItemWrap .dark a { color: White; }
.pmItemWrap .dark a:hover { text-decoration: underline; }
#tooltip{position:absolute;	border:1px solid #ccc;	background:#333;padding:2px;display:none;color:#fff;z-index:1000;}

.future_right{ width:470px; overflow:hidden; float:left;}
.box_right,.box_right1{ overflow:hidden;border:2px solid #efefef; display:table; margin-left:10px; display:inline;float:right; width:460px;}
.box_right dl{ border-bottom:1px dashed #C7C7C7; float:left; padding-top:5px;margin-left:5px; display:inline;  padding-bottom:10px;}
.box_right .width120{ width:120px; height:90px; text-align:center; padding-top:1px; margin:0px 5px 0px 0px; display:inline;}
.width318{ width:316px; overflow:hidden; line-height:22px; display:inline; float:left;}
.box_right dd h4 a,.box_right dt h4 a{color:#454545; font-size:13px;}
.future_right ul li,.action_right ul li,.star_right ul li{width:220px; text-overflow:ellipsis;white-space:nowrap; overflow:hidden;display:inline; margin-left:5px; }

/* life style */
.life{ border:1px solid #a3d35c; display:table;}
.life h2{ background-position:0 -443px; border-bottom:1px solid #a3d35c;}
.write{ background:url(../images/bg.jpg) no-repeat -776px -293px; font-family:"Microsoft Yahei" !important; line-height:28px; padding-left:35px; padding-bottom:5px; }
.leaf{ height:20px; background:url(../images/bg.jpg) no-repeat -770px -268px; line-height:25px; padding-left:30px;}
.percent{ width:145px; height:15px; border:1px solid #ccc; float:left; margin-right:5px; overflow:hidden; }
#percent1,#percent2,#percent3,#percent4,#percent5,#percent6{ width:0px; height:15px; background:#9bc152; }
.receive{background:url(../images/bg.jpg) no-repeat -745px -382px;}
#receive1,#receive2,#receive3,#receive4,#receive5,#receive6{ cursor:pointer;}
#person1,#person2,#person3,#person4,#person5,#person6{ text-align:right; padding-right:0px;}
td li{ line-height:20px; width:383px; word-wrap:word-break; overflow:hidden;}
.life td span{ float:left; font-weight:lighter;}
.life td li span{float:left; padding-right:0px; }
.life td li span.green{ color:#375f01;padding-right:5px; }
.life td li span.yellow{ color:#dcab30;}
.btn_say{ background:transparent url(../images/bg.jpg) no-repeat -506px -104px; cursor:pointer; width:76px; height:80px; border:0px; float:right;}
/* action */
.action_right{width:472px; overflow:hidden; float:left;}
.action_right .more a{ float:right; display:block;}
.action{border:1px solid #dcab03; display:table; padding-bottom:8px;}
.action h2{ background-position:0px -477px; border-bottom:1px solid #f3eace;}
.action h2 a{color:#DCAB03;}
.action_left{ border:1px solid #dcdcdc; width:450px; margin:0px auto; padding:5px; position:relative;}
#photos { visibility: hidden;width:451px; overflow:hidden; }
.action_left #img_list2 img{width:451px; height:338px;}
.filmstrip li{ opacity:1; filter:alpha(opacity=100); }
.filmstrip li img{width:56px; height:42px;}
.panel img{ width:451px; height:338px;}
.box_right1{ border:0px; background:url(../images/bg.jpg) no-repeat 0px -104px; width:472px; height:220px; overflow:hidden; padding-top:10px; margin-right:0px;}
.box_right1 dd{width:122px; margin:0px 10px; float:left; }
.box_right1 dt p{line-height:30px;}
.box_right1 dt{ width:320px; float:left; }
.box_right1 dt h3{ background:none; border:0px; color:#dcab03; font-weight:bolder; padding-left:0px; padding-bottom:10px; line-heigth:35px; }
.box_right1 dt h3 a{color:#dea65c; font-size:14px;}
.box_right1 dt li{ width:auto; line-height:53px; background:none; display:inline; float:left;}
.box_right1 dt strong{color:#dcab03; font-size:18px;}
.btn_apply{ background:url(../images/bg.jpg) no-repeat -500px -328px; width:122px; height:53px; border:0px; background-color:transparent;}
.action span a,.future span a,.life span a,.box_content span a,.bottom span a{color:#dea65c;}
/* college */
.college{border:1px solid #c0d8ae; display:table; padding-bottom:8px;}
.college h2{ background-position:0px -513px; border-bottom:1px solid #ddedd1}
.bg_school{ width:938px; height:358px; margin:0px auto; position:relative;}
.jiantou{position:absolute;	left: 452px;top: 157px;}
.school_left{ width:491px; float:left; top:45px; overflow:hidden; position:absolute;}
.school_left h3{ width:300px; text-align:center; margin:0px auto; margin-bottom:10px;color:#f2f595; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
#lowca{ width:260px; text-indent:2em; height:60px; padding-left:40px;  margin:0px auto; overflow:hidden;}
#lowca ul li{font-size:14px; line-height:20px; font-family:'Microsoft Yahei',Arial, Helvetica, sans-serif; color:#fff;}

.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12,.span13,.span14,.span15,.span16,.span17,.span18,.span19,.span20,
.span21,.span22,.span23,.span24,.span25,.span26,.span27,.span28,.span29,.span30,.span31,.span32,.span33,.span34,.span35,.span36{
	width:20px;	overflow:hidden;position:absolute;color:#fff;font-size:13px;line-height:14px;font-family:'Microsoft Yahei',Arial, Helvetica, sans-serif;}
.span1 a,.span2 a,.span3 a,.span4 a,.span5 a, .span6 a,.span7 a,.span8 a,.span9 a,.span10 a,.span11 a,.span12 a,
.span13 a,.span14 a,.span15 a,.span16 a,.span17 a,.span18 a,.span19 a,.span20 a,.span21 a,.span22 a,.span23 a,
.span24 a,.span25 a,.span26 a,.span27 a,.span28 a,.span29 a,.span30 a,.span31 a,.span32 a,.span33 a,.span34 a,.span35 a,.span36 a{ color:#fff;}
.span1 a:hover,.span2 a:hover,.span3 a:hover,.span4 a:hover,.span5 a:hover, .span6 a:hover,.span7 a:hover,.span8 a:hover,
.span9 a:hover,.span10 a:hover,.span11 a:hover,.span12 a:hover,.span13 a:hover,.span14 a:hover,.span15 a:hover,.span16 a:hover,
.span17 a:hover,.span18 a:hover,.span19 a:hover,.span20 a:hover,.span21 a:hover,.span22 a:hover,.span23 a:hover,.span24 a:hover,
.span25 a:hover,.span26 a:hover,.span27 a:hover,.span28 a:hover,.span29 a:hover,.span30 a:hover,.span31 a:hover,
.span32 a:hover,.span33 a:hover,.span34 a:hover,.span35 a:hover,.span36 a:hover{font-size:16px; text-decoration:none;}
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11{top:33px;}
.span12,.span13,.span14,.span15,.span16,.span17,.span18,.span19,.span20,.span21,.span22{ top:147px;}
.span23,.span24,.span25,.span26,.span27,.span28,.span29,.span30,.span31,.span32,.span33{ top:258px;}
.span1,.span12,.span23{left: 575px;}
.span2,.span13,.span24{
	left: 606px;
}
.span3,.span14,.span25{left: 637px;}
.span4,.span15,.span26{left: 670px;}
.span5,.span16,.span27{left: 701px;}
.span6,.span17,.span28{left: 733px;}
.span7,.span18,.span29{left: 763px;}
.span8,.span19,.span30{left: 796px;}
.span9,.span20,.span31{left: 830px;}
.span10,.span21,.span32{left: 861px;}
.span11,.span22,.span33{left: 892px;}

/* star */
.star{border:1px solid #d35338; display:table; padding-bottom:8px;}
.star h2{ background-position:0px -548px; border-bottom:1px solid #d35338}
.star_left{ width:698px; margin:0px 0px 0px 10px; float:left; display:inline;}
.star_left h3{color:#b21f00; font-size:16px; line-height:40px; text-indent:2em; margin-left:10px;}
.star_left h3 a{color:#b21f00;}
.star_left p{ text-indent:2em; line-height:22px; width:450px; margin-left:10px;}
.animate span.prev{ background:url(../images/bg.jpg) no-repeat -776px -328px; width:23px; height:25px; text-indent:-9999px; margin-top:66px; float:left;}
.animate span.next{ background:url(../images/bg.jpg) no-repeat -776px -355px; width:23px; height:25px; text-indent:-9999px; margin-top:66px; float:left;}
.animate ul{ position:absolute; margin:0px; padding:0px; width:1280px;}
.animate ul li{ display:inline; float:left; border:1px solid #ddd; padding:2px; margin:5px;}
.star_right{ border:1px solid #e29e8f; width:230px; padding-top:10px; padding-left:5px;  float:left;}
.star_right h3{ background:url(../images/bg.jpg) no-repeat -367px -3px; width:220px; height:40px;}
.star_right ul li{ line-height:22px;width:200px;  text-overflow:ellipsis;overflow:hidden;}
.star_right ul li.more{background:none;}
.star_right ul li.more a{ background:none;float:right; line-height:20px; padding-right:0px; color:#dea65c;}
#canvas{ position:relative; width:640px; height:170px; float:left;overflow:hidden;}

/* partner */
.partner{ border:1px solid #cdcdcd; display:table; padding-bottom:8px;}
#selectUl{ width:958px; display:block; float:left;}
#selectUl li{ width:97px; line-height:23px; display:inline; float:left; text-align:center; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
#selectUl li.selectLi{ background:url(../images/bg.jpg) no-repeat -502px -194px; width:96px; height:30px; color:#fff; line-height:30px; border:0px;}
#con1{ width:926px; margin:0px auto; padding-top:10px;}
#con1 .partner_logo li,#con2 .partner_logo li,#con3 .partner_logo li{ display:inline; margin:10px;}
#con1 .partner_name,#con2 .partner_name,#con3 .partner_name{ width:916px; margin:0px 5px;}
#con1 .partner_name li,#con2 .partner_name li,#con3 .partner_name li{ display:inline; margin:0px 5px; line-height:20px;}


/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.box_content{ width:313px;}
	.future_right{ width: 468px; overflow: hidden; float: left;}
	.future_right ul li {width: 216px;}
}

/* cover */
.cover{ background:url(../images/cover.jpg) no-repeat left top; height:497px; width:366px; position:relative;}
/*#img_1,#img_2,#img_3,#img_4,#img_5,#img_6,#img_7,#img_8,#img_9{ position:absolute; }
#img_1{	left:1px;	top:-4px;}
#img_2{left:8px; top:85px; }
#img_3{ left:65px; top:56px;}
#img_4{ left:118px; top:215px;}
#img_5{ left:25px; top:410px;}
#img_6{ left:200px; top:370px;}
#img_7{ left:7px; top:450px;}
#img_8{ left:22px; top:422px;}
#img_9{ left:22px; top:451px;}*/


/*滚动*/
#Switch img {border:0px}
#Switch {width:366px;height:294px;overflow:hidden; position:relative; float:left; display:inline; margin-bottom:10px;}
#Switch_bg { position:absolute; background-color:#000; bottom:0; left:0; height:25px;width:366px; filter: Alpha(Opacity=30); opacity:0.5; z-index:1000}
#Switch_info{ position:absolute; bottom:0; float:left; padding-left:8px; line-height:33px; color:#fff;z-index:1001;cursor:pointer; width:230px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#Switch_info b{font-size:14px;disSwitch:block;}
#Switch_text { position:absolute; bottom:0; right:0; z-index:10000; float:right; width:90px; height:25px;}
#Switch_text ul li {width:15px;height:15px; margin-top:5px; float:left;background-color:#000; display:block;color:#FFF;text-align:center;margin-left:5px;cursor:pointer;font-family:"Courier New";}
#Switch_list a{ display:block;width:366px;height:294px;position:absolute;overflow:hidden}
